.nav-card {
  width: 100%;
  height: 150px;
  cursor: pointer;
  padding: 12px 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid rgb(233, 233, 233);
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.349019607843137);
  background-color: #fff;
  &-text {
    height: 100%;
    flex: 100% 1 1;
    &-title {
      font-size: 16px;
      color: rgba(0, 0, 0, 0.8);
      margin-bottom: 8px;
      &-sub-title {
        font-size: 14px;
        color: rgba(0, 0, 0, 0.45);
      }
    }
    &-content {
      color: rgba(0, 0, 0, 0.8);
      text-align: center;
      font-size: 20px;
      > i {
        font-size: 56px;
        color: #fc7873;
        margin-right: 18px;
      }
    }
  }
}
